/* [class^=col-] {
    float: left;
    min-height: 36px;
    margin: 0.8% 0;
} */

.row:after,
.row:before {
    display: table;
    /* display: block; */
    content: "";
}

.flex-row {
    /* margin: 0.8% 0; */
    display: flex;
    flex-wrap: nowrap;
    align-content: space-around;
    /* border: 1px solid red; */
}

.row:after {
    clear: both;
}

/* .flex-row div:nth-child(odd){
	background: #666;
}
.flex-row div:nth-child(even){
	background: #999;
} */
/* 1200px分成24栏,每栏平均50px,50px在1200px中占4.166667% */
.flex-col-1 {
    /* width: 4.16667%; */
    max-width: calc(4.16667 * 1%);
    flex: 0 0 calc(4.16667 * 1%);
}

.flex-col-2 {
    /* width: 8.33333%; */
    max-width: calc(4.16667 * 2%);
    flex: 0 0 calc(4.16667 * 2%);
}

.flex-col-3 {
    max-width: calc(4.16667 * 3%);
    flex: 0 0 calc(4.16667 * 3%);
    /* width: 12.5%; */
}

.flex-col-4 {
    /* width: 16.66667%; */
    max-width: calc(4.16667 * 4%);
    flex: 0 0 calc(4.16667 * 4%);
}

.flex-col-5 {
    /* width: 20.83333%; */
    max-width: calc(4.16667 * 5%);
    flex: 0 0 calc(4.16667 * 5%);
}

.flex-col-6 {
    /* width: 25%; */
    max-width: calc(4.16667 * 6%);
    flex: 0 0 calc(4.16667 * 6%);
}

.flex-col-7 {
    /* width: 29.16667%; */
    max-width: calc(4.16667 * 7%);
    flex: 0 0 calc(4.16667 * 7%);
}

.flex-col-8 {
    /* width: 33.33333%; */
    width: calc(4.16667 * 8%);
    flex: 0 0 calc(4.16667 * 8%);
}

.flex-col-9 {
    /* width: 37.5%; */
    max-width: calc(4.16667 * 9%);
    flex: 0 0 calc(4.16667 * 9%);
}

.flex-col-10 {
    /* width: 41.66667%; */
    max-width: calc(4.16667 * 10%);
    flex: 0 0 calc(4.16667 * 10%);
}

.flex-col-11 {
    /* width: 45.83333%; */
    max-width: calc(4.16667 * 11%);
    flex: 0 0 calc(4.16667 * 11%);
}

.flex-col-12 {
    /* width: 50%; */
    max-width: calc(4.16667 * 12%);
    flex: 0 0 calc(4.16667 * 12%);
}

.flex-col-13 {
    /* width: 54.16667%; */
    max-width: calc(4.16667 * 13%);
    flex: 0 0 calc(4.16667 * 13%);
}

.flex-col-14 {
    /* width: 58.33333%; */
    max-width: calc(4.16667 * 14%);
    flex: 0 0 calc(4.16667 * 14%);
}

.flex-col-15 {
    /* width: 62.5%; */
    max-width: calc(4.16667 * 15%);
    flex: 0 0 calc(4.16667 * 15%);
}

.flex-col-16 {
    /* width: 66.66667%; */
    max-width: calc(4.16667 * 16%);
    flex: 0 0 calc(4.16667 * 16%);
}

.flex-col-17 {
    /* width: 70.83333%; */
    max-width: calc(4.16667 * 17%);
    flex: 0 0 calc(4.16667 * 17%);
}

.flex-col-18 {
    /* width: 75%; */
    max-width: calc(4.16667 * 18%);
    flex: 0 0 calc(4.16667 * 18%);
}

.flex-col-19 {
    /* width: 79.16667%; */
    max-width: calc(4.16667 * 19%);
    flex: 0 0 calc(4.16667 * 19%);
}

.flex-col-20 {
    /* width: 83.33333%; */
    max-width: calc(4.16667 * 20%);
    flex: 0 0 calc(4.16667 * 20%);
}

.flex-col-21 {
    /* width: 87.5%; */
    max-width: calc(4.16667 * 21%);
    flex: 0 0 calc(4.16667 * 21%);
}

.flex-col-22 {
    /* width: 91.66667%; */
    max-width: calc(4.16667 * 22%);
    flex: 0 0 calc(4.16667 * 22%);
}

.flex-col-23 {
    /* width: 95.83333%; */
    max-width: calc(4.16667 * 23%);
    flex: 0 0 calc(4.16667 * 23%);
}

.flex-col-24 {
    max-width: calc(4.16667 * 24%);
    flex: 0 0 calc(4.16667 * 24%);
}